import * as React from 'react';

// Icon SVGs taken from https://materialdesignicons.com/

export const ChevronDown = (props: React.SVGProps<SVGSVGElement>) => (
  <svg style={{ width: 24, height: 24 }} {...props} viewBox="0 0 24 24">
    <path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
  </svg>
);

export const ChevronLeft = (props: React.SVGProps<SVGSVGElement>) => (
  <svg style={{ width: 24, height: 24 }} {...props} viewBox="0 0 24 24">
    <path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
  </svg>
);

export const ChevronRight = (props: React.SVGProps<SVGSVGElement>) => (
  <svg style={{ width: 24, height: 24 }} {...props} viewBox="0 0 24 24">
    <path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
  </svg>
);

export const DotsHorizontal = (props: React.SVGProps<SVGSVGElement>) => (
  <svg style={{ width: 24, height: 24 }} {...props} viewBox="0 0 24 24">
    <path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z" />
  </svg>
);

export const Logo = (props: React.SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 512 512">
    <g transform="matrix(1.7542657,0,0,1.7542657,-193.09204,-193.09203)">
      <path d="m 291.19001,289.97001 c 0,29.14 24.84,52.85 55.37,52.85 30.53,0 55.37,-23.71 55.37,-52.85 0,-16.32 -8,-31.8 -21.49,-41.79 9.94,-8.63 15.61,-20.66 15.61,-33.3 0,-25.2 -22.19,-45.7 -49.47,-45.7 -27.28,0 -49.47,20.5 -49.47,45.7 0,12.63 5.66,24.65 15.59,33.28 -13.51,9.99 -21.51,25.48 -21.51,41.81 z m 55.32,-56.79 c -11.72,0 -21.25,-8.08 -21.25,-18.01 0,-9.93 9.53,-18.01 21.25,-18.01 11.72,0 21.25,8.08 21.25,18.01 0,9.93 -9.53,18.01 -21.25,18.01 z m 0.06,29.6 c 15.68,0 28.43,11.83 28.43,26.37 0,14.54 -12.75,26.37 -28.43,26.37 -15.68,0 -28.43,-11.83 -28.43,-26.37 0,-14.54 12.76,-26.37 28.43,-26.37 z" />
      <path d="m 129.10001,174.90001 c -3.84,6.12 -9.11,8.94 -17.61,9.42 l -1.42,0.08 v 22.71 h 12.99 v 132.09 h 27.87 v -165 h -21.4 z" />
      <path d="m 196.51001,221.35001 c 4.48,-14.72 13.13,-21.52 28.05,-22.05 8.54,-0.29 16.19,3.51 20.48,7.18 4.56,3.9 7.48,9.38 7.62,14.31 0.4,13.77 -6.71,16.99 -23.87,24.78 -1.46,0.66 -2.98,1.35 -4.64,2.11 -17.68,9.15 -31.38,21.66 -40.73,37.21 -9.35,15.54 -13.87,33.32 -13.45,52.84 l 0.03,1.47 h 111.54 v -27.83 l -78.99,-0.28 c 4.44,-13.61 12.57,-27.87 37.93,-40.78 3.4,-1.73 6.56,-3.25 9.34,-4.58 13.37,-6.42 21.44,-10.29 27.54,-24.11 2.41,-5.46 3.52,-10.15 3.95,-16.72 0.95,-14.59 -5.26,-28.79 -17.04,-38.97 -11.05,-9.55 -24.51,-14.39 -40.03,-14.39 -13.35,0 -25.18,4.14 -35.16,12.31 -8.88,7.26 -15.82,18.63 -19.56,32.01 l -0.44,1.57 27.03,5.22 z" />
    </g>
  </svg>
);
